<style lang="less">
  @import 'footer.less';
</style>

<template>
  <div class="footer">
    <div class="container">
      <div class="siteinfo">
        <div class="c0">
          <div class="c1">新手入门</div>
          <ul>
            <li class="c2"><a class="c3" @click="open1">新手指南</a></li>
            <li class="c2"><a class="c3" @click="open2">热门FAQ</a></li>
            <li class="c2"><a class="c3" @click="open3">合作攻略</a></li>
            <li class="c2"><a class="c3" @click="open4">平台规则</a></li>
          </ul>
        </div>
        <div class="c0">
          <div class="c1">服务支持</div>
          <ul>
            <li class="c2"><a class="c3" @click="open1">开发文档</a></li>
            <li class="c2"><a class="c3" @click="open2">业务文档</a></li>
            <li class="c2"><a class="c3" @click="open2">物料模板下载</a></li>
            <li class="c2"><a class="c3" @click="open2">易付宝开放日</a></li>
          </ul>
        </div>
        <div class="c0">
          <div class="c1">客服帮助</div>
          <ul>
            <li class="c2"><a class="c3" @click="open1">技术支持中心</a></li>
            <li class="c2"><a class="c3" @click="open2">在线问答</a></li>
            <li class="c2"><a class="c3" @click="open2">客服：0571-88158090</a></li>
            <li class="c2"><a class="c3" @click="open2">（9:00-22:00）</a></li>
          </ul>
        </div>
        <div class="c0">
          <div class="c1">合作洽谈</div>
          <ul>
            <li class="c2"><a class="c3" @click="open1">点此与我联系</a></li>
          </ul>
        </div>
      </div>
      <div class="c4">
        <div class="c1">关注我们</div>
        <div class="c5">关注平台移动门户</div>
        <div class="c5">
          <img class="c6" src="https://gw.alipayobjects.com/mdn/open_ad_promo/afts/img/A*AjMTTb5RBaUAAAAAAAAAAABjAQAAAQ/original">
        </div>
        <div class="c5">打开苏宁金融扫一扫</div>
      </div>
    </div>
    <div class="cop">
      <div class="copyright">
        Copyright © 2002-2018，苏宁易购集团股份有限公司版权所有 苏ICP备10207551号-4 | 苏B1-20130131
      </div>
    </div>
  </div>
</template>
<script>
import YButton from '../components/button/YButton'

export default {
  data () {
    return {}
  },
  methods: {
    open1 () {
      this.$notify.info({
        title: '法律声明',
        message: '此仅为个人练习开源模仿项目，仅供学习参考，承担不起任何法律问题'
      })
    },
    open2 () {
      this.$notify.info({
        title: '隐私条款',
        message: '本网站将不会严格遵守有关法律法规和本隐私政策所载明的内容收集、使用您的信息'
      })
    },
    open3 () {
      this.$notify({
        title: '离线帮助',
        message: '没人会帮助你，请自己靠自己',
        type: 'warning'
      })
    },
    open4 () {
      this.$notify.info({
        title: '支付方式',
        message: '支持支付宝、微信等方式捐赠'
      })
    },
    open5 () {
      this.$notify({
        title: '送货政策',
        message: '本网站所有商品购买后不会发货，将用作捐赠',
        type: 'warning'
      })
    }
  },
  components: {
    YButton
  }
}
</script>
